<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{{ seconds }}</text>
		</view>
	</view>
</template>

<script setup>
import { ref, getCurrentInstance } from "vue";
import { onReady } from "@dcloudio/uni-app";
import { usePureCodeCountdown } from "@/uni_modules/pure-utils";

// 倒计时结束后的回调
function end() {
	console.log("倒计时结束了");
}

// seconds: 剩余秒数
// isCountdown: 是否正在倒计时
// start: 开始函数
// clear: 清除函数
const { seconds, isCountdown, start, clear } =
	uni.$pure.utils.usePureCodeCountdown("index", 60, end);

// 开始倒计时
start();
</script>

<style>
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.logo {
	height: 200rpx;
	width: 200rpx;
	margin-top: 200rpx;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50rpx;
}

.text-area {
	display: flex;
	justify-content: center;
}

.title {
	font-size: 36rpx;
	color: #8f8f94;
}
</style>
